<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>iBalloon Homepage</title>
<style type="text/css">
<!--
.STYLE2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #515151;
}
-->
</style>
</head>
<style type="text/css">
body
{
	background-color:#515151;
}
.STYLE9 {
	font-size: 18px;
	font-family: "Bradley Hand ITC";
}
.STYLE11 {font-size: xx-large}
.STYLE14 {
	font-size: x-large;
	font-family: "Bradley Hand ITC";
	font-weight: bold;
}
.STYLE15 {font-size: small}
.STYLE24 {font-family: "Bradley Hand ITC"}
.STYLE25 {
	font-size: xx-large;
	font-family: "Bradley Hand ITC";
	font-weight: bold;
}
</style>
<body>
<form action="LoginServlet">
  <p class="STYLE2 STYLE11"/>
      <img src="images/logo_c.png" alt="logo" width="431" height="108" />
  <span class="STYLE14">Travel with iBalloon</span>
  <div align="left" class="STYLE15">
      <div align="right">
        <span class="STYLE24">E-mail:</span>
        <input name="email" type="text" size="24" />
        <span class="STYLE24">        Password:</span>
        <input name="pw" type="password" size="11" />

        <input type="submit" value="login"/>
        <br />
    </div>
  </div>
        <table width="818" border="0">
</form>
<form action="Redirect">
  <div align="right">
    <p><span class="STYLE24">Not a user?
      </span>
      <input type="submit" value="Register" />
    </p>
    <p align="center"><span class="STYLE2 STYLE9"><span class="STYLE25">	Europa</span></span></p>
  </div>
</form>
   <div align="center">
  <style type="text/css">
ul#continents {
	list-style: none;
	background: url(images/mapn.png) no-repeat 0 0;
	position: relative;
	width: 686px;
	height: 672px;
	margin: 0;
	padding: 0;
}

ul#continents li {
	border: 0px solid #000;
	position: absolute;
}

ul#continents li a{
	display: block;
	height: 100%;
	text-indent: -9000px;
}

#Finland {
	width: 117px;
	height: 248px;
	top: 33px;
	left: 361px;
}

#Czech {
	width: 71px;
	height: 39px;
	top: 435px;
	left: 269px;
}

#se {
	width: 136px;
	height: 305px;
	top: 60px;
	left: 262px;
}



#Italy {
	width: 125px;
	height: 152px;
	top: 498px;
	left: 214px;
}

#IS {
	width: 58px;
	height: 50px;
	top: 67px;
	left: 1px;
}

#IE {
	width: 52px;
	height: 52px;
	top: 381px;
	left: 24px;
}

#GB {
	width: 121px;
	height: 147px;
	top: 311px;
	left: 43px;
}

#PT {
	width: 36px;
	height: 67px;
	top: 567px;
	left: 43px;
}

#ES {
	width: 138px;
	height: 103px;
	top: 543px;
	left: 47px;
}

#FR {
	width: 137px;
	height: 133px;
	top: 438px;
	left: 95px;
}

#DE {
	width: 97px;
	height: 123px;
	top: 436px;
	left: 205px;
}

#NL {
	width: 37px;
	height: 44px;
	top: 397px;
	left: 181px;
}

#NO {
	width: 252px;
	height: 313px;
	top: 1px;
	left: 196px;
}

#RU {
	width: 252px;
	height: 542px;
	top: 43px;
	left: 432px;
}

#DK {
	width: 35px;
	height: 55px;
	top: 322px;
	left: 230px;
}

#BE {
	width: 42px;
	height: 29px;
	top: 429px;
	left: 174px;
}

#AT {
	width: 84px;
	height: 41px;
	top: 467px;
	left: 245px;
}

#PO {
	width: 107px;
	height: 100px;
	top: 373px;
	left: 293px;
}

#FR {
	width: 138px;
	height: 128px;
	top: 436px;
	left: 93px;
}


#GR {
	width: 68px;
	height: 94px;
	top: 570px;
	left: 356px;
}

#BE {
	width: 41px;
	height: 33px;
	top: 430px;
	left: 173px;
}

#PT {
	width: 36px;
	height: 68px;
	top: 568px;
	left: 45px;
}

#NL {
	width: 36px;
	height: 47px;
	top: 397px;
	left: 181px;
}

#DE {
	width: 98px;
	height: 171px;
	top: 373px;
	left: 207px;
}

#RA {
	width: 190px;
	height: 95px;
	top: 413px;
	left: 378px;
}

#ES {
	width: 131px;
	height: 105px;
	top: 544px;
	left: 47px;
}

#DK {
	width: 51px;
	height: 54px;
	top: 322px;
	left: 228px;
}

#PO {
	width: 106px;
	height: 99px;
	top: 373px;
	left: 294px;
}

#IE {
	width: 60px;
	height: 66px;
	top: 368px;
	left: 27px;
}

#IS {
	width: 67px;
	height: 44px;
	top: 93px;
	left: 2px;
}

#AT {
	width: 80px;
	height: 38px;
	top: 469px;
	left: 245px;
}


#HU {
	width: 69px;
	height: 36px;
	top: 476px;
	left: 316px;
}

ul#continents li a:hover {
	background: url(images/mapn.png) no-repeat 0 0;
}

ul#continents li#se a:hover {
	background-position: -10px -688px;
}

ul#continents li#Finland a:hover {
	background-position: 3px -1211px;
}

ul#continents li#Czech a:hover {
	background-position: -418px -1357px;
}


ul#continents li#asia a:hover {
	background-position: -363px -268px;
}

ul#continents li#Italy a:hover {
	background-position: -134px -1224px;
}

ul#continents li#NO a:hover {
	background-position: -145px -677px;
}

ul#continents li#RU a:hover {
	background-position: -431px -672px;
}

ul#continents li#GB a:hover {
	background-position: -203px -1045px;
}

ul#continents li#FR a:hover {
	background-position: -63px -1045px;
}

ul#continents li#GR a:hover {
	background-position: -393px -1254px;
}

ul#continents li#BE a:hover {
	background-position:  -1px -1047px;
}

ul#continents li#PT a:hover {
	background-position:  -278px -1230px;
}

ul#continents li#NL a:hover {
	background-position:  -276px -1355px;
}

ul#continents li#DE a:hover {
	background-position:  -558px -1233px;
}

ul#continents li#RA a:hover {
	background-position:  -6px -1491px;
}

ul#continents li#ES a:hover {
	background-position:  -208px -1495px;
}

ul#continents li#DK a:hover {
	background-position:  -355px -1493px;
}

ul#continents li#PO a:hover {
	background-position:  -422px -1496px;
}

ul#continents li#IE a:hover {
	background-position:  -379px -1146px;
}

ul#continents li#IS a:hover {
	background-position:  -308px -994px;
}

ul#continents li#AT a:hover {
	background-position:  -156px -1421px;
}

ul#continents li#HU a:hover {
	background-position:  -354px -1066px;
}


</style>
  </head>

  <body>
  <ul id="continents">

    <li id="Finland"><a href="http://en.wikipedia.org/wiki/Finland">Finland</a></li>
    <li id="se"><a href="http://en.wikipedia.org/wiki/Sweden">se</a></li>
    <li id="Italy"><a href="Italy.jsp?country=Italy">Italy</a></li>
    <li id="Czech"><a href="http://en.wikipedia.org/wiki/Czech">Czech</a></li>
    <li id="NO"><a href="http://en.wikipedia.org/wiki/No">NO</a></li>
    <li id="RU"><a href="http://en.wikipedia.org/wiki/RU">RU</a></li>
    <li id="GB"><a href="http://en.wikipedia.org/wiki/GB">GB</a></li>
    <li id="FR"><a href="http://en.wikipedia.org/wiki/FR">FR</a></li>
    <li id="GR"><a href="http://en.wikipedia.org/wiki/GR">GR</a></li>
    <li id="BE"><a href="http://en.wikipedia.org/wiki/BE">BE</a></li>
    <li id="PT"><a href="http://en.wikipedia.org/wiki/PT">PT</a></li>
    <li id="NL"><a href="http://en.wikipedia.org/wiki/NL">NL</a></li>
    <li id="DE"><a href="http://en.wikipedia.org/wiki/DE">DE</a></li>
    <li id="RA"><a href="http://en.wikipedia.org/wiki/RA">RA</a></li>
    <li id="ES"><a href="http://en.wikipedia.org/wiki/ES">ES</a></li>
    <li id="DK"><a href="http://en.wikipedia.org/wiki/DK">DK</a></li>
    <li id="IE"><a href="http://en.wikipedia.org/wiki/IE">IE</a></li>
    <li id="IS"><a href="http://en.wikipedia.org/wiki/IS">IS</a></li>
    <li id="PO"><a href="http://en.wikipedia.org/wiki/PO">PO</a></li>
    <li id="AT"><a href="http://en.wikipedia.org/wiki/AT">AT</a></li>
    <li id="HU"><a href="http://en.wikipedia.org/wiki/HU">HU</a></li>
  </ul>

</body>
</html>
	  </div></td>
      <td>&nbsp;</td>

</table>

 